<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Shop Floor Control System | Login</title>
    <link rel='stylesheet' href='/css/login.css' />
    <link rel='stylesheet' href='/css/bootstrap.min.css' media="screen" />
  </head>
  <body>
  <div class="container-fluid">
  <form class="form-horizontal" method="post">
    <fieldset>
      <legend>User Login</legend>
      {{if .error}}<div class="alert alert-error"><b>Error: </b>{{.error | html}}</div>{{end}}
      <div class="control-group">
        <label class="control-label" for="username">Username&nbsp;</label>
        <div class="control">
          <input type="text" class="input-xlarge" id="username" name="username" maxlength="20">
        </div>
      </div>
      <div class="control-group">
        <label class="control-label" for="password">Password&nbsp;</label>
        <div class="control">
          <input type="password" class="input-xlarge" id="password" name="password">
        </div>
      </div>
      <div class="control-group">
        <label class="control-label">Product&nbsp;</label>
        <div class="control">
          <select id="prodid" name="prodid" onmousewheel="return false">
            <option value="">
            {{range .types}}
              <option value="{{.Typeeng | html}}">{{.Typeeng | html}} | {{.Typechn | html}}
            {{end}}
          </select>
        </div>
      </div>
      <div class="form-actions">
        <button type="submit" class="btn btn-primary">Login</button>
      </div>
    </fieldset>
  </form>
  </div>
  </body>
</html>